.bf-container {
  height: 100vh;
  display: flex;
  flex-direction: column;

  .top-header {
    display: flex;
    align-items: center;

    .em-search-bar {
      flex: 1
    }

    .text-button {
      width: 110rpx;
      background: none !important;
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
      line-height: inherit !important;
      color: #3051BE !important;

      &::after {
        display: none !important;
        /* 去除小程序默认边框 */
      }

      &:active {
        opacity: 0.6;
      }


      font-size: 28rpx;

      .icon-1 {
        width: 30rpx;
        height: 30rpx;
        /* #ifdef h5 */
        vertical-align: -3rpx;
        /* #endif */

        /* #ifdef weapp */
        vertical-align: middle;
        /* #endif */
        margin-right: 5rpx;

      }
    }
  }
  .bf-list{
    flex: 1;
    overflow-y: auto;
    .bf-list-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .bf-list-t1{
            font-size: 24rpx;
            line-height: 1;
            background-color: #4161CA;
            color: #fff;
            padding: 0.2em 0.5em;
            border-radius: 10rpx;
            margin-right: 150rpx;
            border-top-right-radius: 0;
        }
        .bf-list-t2-center{
          margin-right: auto;
        }
        .bf-list-t2{
            font-size: 25rpx;
            color: #B9BABC;
            .bf-list-t3{
                color: #2566D8;
            }
        }
    }
    .bf-list-note{
        display: flex;
        flex-direction: column;
        padding: 10rpx 0;
        .bf-list-note-t1{
            font-size: 29rpx;
            color: #3A3A3A;
            line-height: 1.5;
        }
        .bf-list-note-t2{
            padding-top: 10rpx;
            font-size: 24rpx;
            color: #000000;
            opacity: 0.5;
        }
    }
  }
}
